<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人事教师系统首页</title>
    <link rel="stylesheet" href="/layui/css/layui.css"/>
    <link rel="stylesheet" href="/font/iconfont.css"/>
    <script src="/layui/layui.js"></script>
    <script type="text/javascript" src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/echarts/echarts.js"></script>
    <link rel="stylesheet" href="/css/welcome/welcome.css">

</head>
<body>
<div id="box">
    <div class="layui-row">
        <div class="layui-elem-quote">
            <h2 class="layui-left">系统首页</h2>
            <div class="layui-right">
                <button type="button" class="layui-btn layui-btn-sm" id="refresh"><i
                        class="layui-icon layui-icon-refresh"></i>刷新
                </button>
            </div>
        </div>
    </div>
    <div class="layui-box-body">
        <div class="layui-row layui-col-space12">
            <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                <div class="layui-panel">
                    <div class="layui-header-padding layui-center">
                        <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="iconfont icon-yonghu"></div>
                        </div>
                        <div class="layui-col-xs8 layui-col-sm8 layui-col-md8" style="margin-top: -15px">
                            <p>前端用户总数</p>
                            <p class="beforeUserSum">0</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                <div class="layui-panel">
                    <div class="layui-header-padding layui-center">
                        <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="iconfont icon-yonghu"></div>
                        </div>
                        <div class="layui-col-xs8 layui-col-sm8 layui-col-md8" style="margin-top: -15px">
                            <p>后台人员总数</p>
                            <p id="userSum">0</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                <div class="layui-panel">
                    <div class="layui-header-padding layui-center">
                        <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="iconfont icon-dianying"></div>
                        </div>
                        <div class="layui-col-xs8 layui-col-sm8 layui-col-md8" style="margin-top: -15px">
                            <p>上传视频总数</p>
                            <p class="courseSum">0</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                <div class="layui-panel">
                    <div class="layui-header-padding layui-center">
                        <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                            <div class="iconfont icon-a-zhitoushouzhi"></div>
                        </div>
                        <div class="layui-col-xs8 layui-col-sm8 layui-col-md8" style="margin-top: -15px">
                            <p>视频点赞总数</p>
                            <p class="courseLikeSum">0</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row layui-card layui-margin-top">
            <div class="layui-card-header">待处理事物</div>
            <div class="layui-card-body layui-col-space12">
                <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 layui-left-padding">
                    <a href="javaScript:;" class="layui-center quick" data-value="课程审核列表">课程待审核信息 (<span
                            class="layui-color"
                            id="courseExamineCount">0</span>)
                        <hr>
                    </a>
                </div>
                <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 layui-left-padding">
                    <a href="javaScript:;" class="layui-center quick" data-value="微圈审核列表">微圈待审核信息 (<span
                            class="layui-color"
                            id="microcircleCount">0</span>)
                        <hr>
                    </a>
                </div>
                <div class="layui-col-xs4 layui-col-sm4 layui-col-md4 layui-left-padding">
                    <a href="javaScript:;" class="layui-center quick" data-value="创作者申请列表">创作者认证处理信息 (<span
                            class="layui-color"
                            id="pendingApplyRecordSum">0</span>)
                        <hr>
                    </a>
                </div>
            </div>
        </div>
        <div class="layui-row layui-card layui-margin-top">
            <div class="layui-card-header">运营快捷入口</div>
            <div class="layui-card-body" id="quickEntrance">
                <ul id="con_ul">
                    <li>
                        <a href="javascript:;" class="quick" data-value="用户列表">
                            <p class="iconfont">&#xe62d;</p>
                            <p>用户列表</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="quick" data-value="反馈列表">
                            <p class="iconfont">&#xe649;</p>
                            <p>反馈列表</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="quick" data-value="课程列表">
                            <p class="iconfont">&#xe63f;</p>
                            <p>课程列表</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="quick" data-value="课程审核列表">
                            <p class="iconfont">&#xe64e;</p>
                            <p>课程审核</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="quick" data-value="微圈列表">
                            <p class="iconfont">&#xe654;</p>
                            <p>微圈列表</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="quick" data-value="微圈审核列表">
                            <p class="iconfont">&#xe64e;</p>
                            <p>微圈审核</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="quick" data-value="课程评论">
                            <p class="iconfont">&#xe649;</p>
                            <p>课程评论</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="quick" data-value="微圈评论">
                            <p class="iconfont">&#xe649;</p>
                            <p>微圈评论</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="layui-row layui-col-space12 layui-margin-top">
            <div class="layui-card layui-col-xs6 layui-col-sm6 layui-col-md6" style="width: 49%">
                <div class="layui-card-header layui-left-right">用户总览</div>
                <div class="layui-card-body">
                    <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                        <div class="layui-center layui-overview">
                            <p class="layui-color" id="todayUserSum">0</p>
                            <br>
                            <p style="color: black">今日新增</p>
                        </div>
                    </div>
                    <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                        <div class="layui-center layui-overview">
                            <p class="layui-color" id="yesterdayUserSum">0</p>
                            <br>
                            <p style="color: black">昨日新增</p>
                        </div>
                    </div>
                    <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                        <div class="layui-center layui-overview">
                            <p class="layui-color beforeUserAddCount">0</p>
                            <br>
                            <p style="color: black">本月新增</p>
                        </div>
                    </div>
                    <div class="layui-col-xs3 layui-col-sm3 layui-col-md3">
                        <div class="layui-center layui-overview">
                            <p class="layui-color beforeUserSum">0</p>
                            <br>
                            <p style="color: black">全部用户</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card layui-col-xs6 layui-col-sm6 layui-col-md6" style="margin-left: 1%">
                <div class="layui-card-header layui-left-right">课程总览</div>
                <div class="layui-card-body">
                    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                        <div class="layui-center layui-overview">
                            <p class="layui-color courseSum">0</p>
                            <br>
                            <p style="color: black">课程数量</p>
                        </div>
                    </div>
                    <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                        <div class="layui-center layui-overview">
                            <p class="layui-color courseLikeSum">0</p>
                            <br>
                            <p style="color: black">点赞总量</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row layui-margin-top">
            <div class="layui-card-header">用户统计</div>
            <div class="layui-card-body layui-col-space12"
                 style="height: 300px;border: 1px solid #F7F7F7;border-top: 0px solid">
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md4"
                     style="padding: 78px;border-right: 1px solid #d5d5d5;">
                    <div style="margin-left: 20%;color: #aaaaaa">
                        <p>本月新增<span id="name">用户</span>总数</p>
                        <p style="color: black;font-size: 30px" id="addCount">0</p>
                        <p><span style="color: #00B83F" id="percentage">0%</span> 同比上月</p>
                    </div>
                </div>
                <div class="layui-col-xs6 layui-col-sm6 layui-col-md8">
                    <div id="bottom_left">
                        <ul class="layui-right" style="margin-right: 10%">
                            <li class="layui-left"><a href="javascript:;" id="userWeekCount">用户统计</a>
                            <li class="layui-left" style="margin-left: 10px"><a href="javascript:;" id="courseWeekCount">课程统计</a></li>
                            </li>
                        </ul>
                    </div>
                    <div id="main" style="width: 100%;height: 250px"></div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="/js/welcome/welcome-personnel-teacher.js"></script>
</html>